<!-- ============================================================== -->
<!-- 项目管理 -->
<!-- ============================================================== -->
<div class="container-fluid  dashboard-content" id="page_d_project">
    <div class="row table-header mb-3">
        <div class="input-group">
            <input id="input_project_search" type="text" class="form-control">
            <div class="input-group-append">
                <button id="btn_project_search" type="button" class="btn btn-primary">搜索</button>
            </div>
        </div>
        <input id="btn_project_add" type="submit" value="添加项目" class="btn btn-primary">
    </div>
    <div class="row mb-3">
        <div class="table-responsive">
            <table id="project_table" class="table table-striped table-bordered table-hover">
                <thead>
                    <th>#</th>
                    <th>项目名称</th>
                    <th>项目范围</th>
                    <th style="width: 15%;">操作</th>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>测试项目</td>
                        <td>113,29,114,30</td>
                        <td>
                            <span>
                                <a>编辑</a>
                                <div role="separator" class="divider divider-vertical"></div>
                                <a>删除</a>
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <nav aria-label="">
            <ul id="project_pagination" class="pagination">
                <li class="page-item disabled">
                    <span class="page-link">上一页</span>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item active" aria-current="page">
                    <span class="page-link">2</span>
                </li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#">下一页</a>
                </li>
            </ul>
        </nav>
    </div>
    <!---------编辑/添加窗口---------->
    <div id="modal_project_edit" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">添加项目</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="form" data-parsley-validate="" novalidate="">
                        <div class="form-group row">
                            <label for="inputEmail2" class="col-3 col-lg-2 col-form-label text-right">项目名称</label>
                            <div class="col-9 col-lg-10">
                                <input id="input_project_name" type="text" required=""  placeholder="项目名称" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="inputPassword2" class="col-3 col-lg-2 col-form-label text-right">项目范围</label>
                            <div class="col-9 col-lg-10">
                                <input id="input_project_minlon" type="text" required="" placeholder="最小经度" class="form-control">
                                <input id="input_project_minlat" type="text" required="" placeholder="最小纬度" class="form-control">
                                <input id="input_project_maxlon" type="text" required="" placeholder="最大经度" class="form-control">
                                <input id="input_project_maxlat" type="text" required="" placeholder="最大纬度" class="form-control">
                            </div>
                        </div>
                        <div id="extent_map"></div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button id="btn_project_save" type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>